.wrapper {
	background-image: url('../img/3-zhajinhua/back.jpg');
	background-size: contain;
}

aside{
	text-align: center;
	align-content: center;
	vertical-align: middle;
	margin: 100 auto;
}

.action{
	box-sizing: border-box;
	border-radius: 20px;
	width: 80px;
	height: 40px;
}

.action:hover{
	background-color: brown;
}

#app {
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
	background-color: #000;
}

/* 扑克牌外框样式 */
.card {
	margin-right: 10px;
	display: inline-block;
	width: 5%;
	height: 105px;
	border: 1px solid #000;
	border-radius: 5px;
	background-color: #fff;
	position: relative;
}

/* 扑克牌花色样式 */
.card .suit-1 {
	font-size: 20px;
	position: absolute;
	top: 17px;
	left: 7px;
}

.card .suit-2 {
	font-size: 40px;
	position: absolute;
	top: 20px;
	left: 30%;
}

.card .suit-3 {
	font-size: 20px;
	position: absolute;
	bottom: 17px;
	right: 5px;
	transform: scaleY(-1);
}

/* 扑克牌点数样式 */
.card .number-1 {
	font-size: 20px;
	position: absolute;
	top: 3px;
	left: 4px;
}

.card .number-2 {
	font-size: 20px;
	position: absolute;
	bottom: 3px;
	right: 5px;
	transform: scaleX(-1);
}